<!-- 业务记录 -->
<template>
  <div>
      <button class="busin-butt" @click="busines">业务查看</button>
      <div :ppt="row.butt[0]"></div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  data() {
    return {};
  },
  props: {
    row: {
      type: Object,
      default() {
        return {};
      }
    }
  },
  computed: {},
  methods: {
    busines() {
      this.$Modal.success({
        title: "业务",
        content: `<div><p>${this.row.butt[0]}</p><p>${this.row.butt[1]}</p></div>
        <div><p>${this.row.butt[2]}</p><p>${this.row.butt[3]}</p></div>
        <div><p>${this.row.butt[4]}</p><p>${this.row.butt[5]}</p></div>`,
        onOk: () => {
          this.$Message.info("已确定");
        },
        onCancel: () => {
          this.$Message.info("已取消");
        }
      });
    }
  },
  watch: {},
  created() {}
};
</script>

<style scoped>
.ivu-icon{
    display: none;
}
.busin-butt{
    background-color: #2D8CF0;
    border: none;
    color: #ffffff;
    border-radius: 3px;
    font-family: "微软雅黑";
    padding: 5px;
    cursor: pointer;
}
</style>